<template>
  <div style="width: 1200px;margin: 0 auto;">


    <el-row :gutter="20">
      <el-col :span="4">
        <el-card style="height: 550px;">
            <!--  router   是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转    -->
          <el-menu active-text-color="orange" router  default-active="0">
            <el-menu-item  index="/personal/index">个人信息</el-menu-item>
            <el-menu-item index="/personal/management">稿件管理</el-menu-item>
          </el-menu>
        </el-card>
      </el-col>
      <el-col :span="20">
        <el-card style="height: 550px;overflow: scroll;">
          <router-view></router-view>
        </el-card>
      </el-col>
    </el-row>

  </div>
</template>

<script>
export default {
  name: "PersonalView"
}
</script>

<style scoped>

</style>
